img {
    max-width: 100%;
}

img[mode=cover] {
    object-fit: cover !important;
}

img[mode=contain] {
    object-fit: contain !important;
}

img[mode=fill] {
    object-fit: fill !important;
}

.no-radius {
    border-radius: 0px !important;
}

.radius-sm {
    border-radius: 2px !important;
}

.radius {
    border-radius: 4px !important;
}

.radius-round {
    border-radius: 10em !important;
}

.no-paddend {
    padding: 0 !important;
}

.paddend-sm {
    padding: 8px !important;
}

.paddend {
    padding: 16px !important;
}

.paddend-lg {
    padding: 24px !important;
}

@box-shadow : 0 2px 4px rgba(0, 0, 0, .12),
0 0 6px rgba(0, 0, 0, .04);

@box-shadow-light: 0 2px 12px 0 rgba(0, 0, 0, 0.1);